<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>正则表达式</title>
		<script>
			//定义一个函数,用来验证是否是合法的邮箱地址
			//JS定义正则表达式
			//var reg = new RegExp("^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$");
			
			//简化写法
			var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
			
			function checkEmail(email){
				//var email = document.getElementById("email").value;
				//注意:此处的判定方式和Java是不同的,JS使用RegExp对象的test()方法来判断是否匹配正则表达式
				if(reg.test(email)){
					//alert("OK");
					result.innerHTML = "<b style='color:green'>OK</b>";
				}else{
					//alert("NO");
					result.innerHTML = "<b style='color:red'>NO</b>";
				}
			}
		</script>
	</head>
	<body>
		<!-- 键盘按钮回弹事件 -->
		<input type="text" id="email" onkeyup="checkEmail(this.value)"/><span id="result"></span>
	</body>
</html>
